$(function (){
    // 加载商品列表数据并渲染
    $.ajax({
        url: '../js/page01.json',
        type: 'get',
        dataType: 'json',
        success: function (data){
            var strDom = ''
            $.each(data,function (index,item){
                var good1s =`\
                <a href="./page2.html">
                    <img src="${item.imgurl}" alt="">
                </a> \
                `
                    strDom += good1s
            })
            $('.back3').html(strDom)
        }
    })
    $.ajax({
        url: '../js/page11.json',
        type: 'get',
        dataType: 'json',
        success: function (data){
            var strDom = ''
            $.each(data,function (index,item){
                var good2s =`\
                <a href="./page2.html">
                    <img src="${item.imgurl}" alt="">
                </a> \
                `
                    strDom += good2s
            })
            $('.back4').html(strDom)
        }
    })
    $.ajax({
        url: '../js/page21.json',
        type: 'get',
        dataType: 'json',
        success: function (data){
            var strDom = ''
            $.each(data,function (index,item){
                var good3s =`\
                <a href="./page2.html">
                    <img src="${item.imgurl}" alt="">
                </a> \
                `
                    strDom += good3s
            })
            $('.back5').html(strDom)
        }
    })
    $.ajax({
        url: '../js/page31.json',
        type: 'get',
        dataType: 'json',
        success: function (data){
            var strDom = ''
            $.each(data,function (index,item){
                var good4s =`\
                <a href="./page2.html">
                    <img src="${item.imgurl}" alt="">
                </a> \
                `
                    strDom += good4s
            })
            $('.back6').html(strDom)
        }
    })
    $.ajax({
        url: '../js/page41.json',
        type: 'get',
        dataType: 'json',
        success: function (data){
            var strDom = ''
            $.each(data,function (index,item){
                var good5s =`\
                <a href="./page2.html">
                    <img src="${item.imgurl}" alt="">
                </a> \
                `
                    strDom += good5s
            })
            $('.back7').html(strDom)
        }
    })
})







